<div ng-init="init();" class="kmi-layout-content myFavourite-content">
    <div class="kmi-header-row" ng-class="{'disconection':disconnection,'aside-left':showSlight()}">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'myFavourite.title' | translate"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">

            <div class="perfect-scrollbar">
                <div class="menu-panel">
                    <div class="catrgory-list">
                        <div class="category"
                            ng-repeat="module in menu | orderBy: 'order' | filter: isModuleHaveProgram track by module.name"
                            ng-click="menuClick(module);"
                            ng-class="{'is-select' : selectModel == module.name, 'is-space': module.name == 'space'}">

                            <div class="menu-title" ng-bind="module.title | translate"></div>
                            <div class="program-list">
                                <div class="program"
                                    ng-repeat="program in module.childs | orderBy: 'order' | filter: {isShow : true} track by program.name"
                                    ng-class="{'is-select' : isTempFavourite(program)}"
                                    ng-click="toggleFavourite(program)">
                                    <div class="icon-container">
                                        <img src="image/smes_v340/favourite_item_select.png" alt=""
                                            class="icon on">
                                        <img src="image/smes_v340/favourite_item_unselect.png" alt=""
                                            class="icon off">
                                    </div>
                                    <div class="title" ng-bind="program.title | translate"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            
    </div>
    <div class="bottom-panel">
        <button class="confirm-btn" ng-bind="'myFavourite.confirm' | translate" ng-click="saveFavourite()" ng-disabled="isTempFavouriteEmpty()">
        </button>
    </div>
    </div>
</div>